<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    .dd{
        width: 450px;
        height: 450px;
        border:1px solid red;
        margin: 150px auto;
    }
    p{
        font-size: 23px;
        line-height: 73px;
        /* text-align: center; */
        margin-top:-7px;
    }
    #rr{
        position: relative;
        top: -148px;
        left: 258px;
    }
    #r1{
        position: relative;
        top: -148px;
        left: 260px;
    }
    </style>
</head>
<body>
    <div class="dd">
        <p>一线企业前段开发工程师8年工作经验，现<br>带领的js++团队是专业做WEB前段开发系<br>列培训的教育团队，以深度知识点，深挖开<br>发技术，保障学员进入互联网企业为课程<br>深度与质量基础，受到广大前段学习者的，<br>啊啊啊啊啊啊啊啊</p>
    </div>
    <button id="rr">张开</button><button id="r1">折叠</button>
    <script>
    var  rr = document.getElementById("rr");
    var r1 = document.getElementById("r1")
    rr. onclick = function(){
        
    }
    </script>
</body>
</html>